@import 'animate.css';
@import "video-react/styles/scss/video-react";

:root {
    --shadow-none: none;
    --shadow-1-down: 0 1px 2px -2px rgba(0, 0, 0, 0.16), 0 3px 6px 0 rgba(0, 0, 0, 0.12), 0 5px 12px 4px rgba(0, 0, 0, 0.09);
    --shadow-2-down: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
    --shadow-3-down: 0 6px 16px -8px rgba(0, 0, 0, 0.08), 0 9px 28px 0 rgba(0, 0, 0, 0.05), 0 12px 48px 16px rgba(0, 0, 0, 0.03);
}

* {
    padding: 0;
    margin: 0;
    overscroll-behavior: none;
    box-sizing: border-box;
}

img {
    display: block;
}

body {
    width: 100vw;
    height: 100vh;
    overflow: hidden;
    position: relative;
    z-index: 1;
}

.ant-drawer-body {
    &>.TableSelect {
        height: 100%;
    }
}

.FormLabelClass {
    position: relative;
    z-index: 1;
    margin-top: 16px;
    width: 100%;
    user-select: none;

    &>div:first-child {
        position: absolute;
        z-index: 2;
        left: 8px;
        top: -16px;
        padding: 2px 4px;
        border-radius: 4px;
        font-family: ShuHeiTi;
        font-size: 16px;
        font-weight: bold;
        color: #262626;
        background: rgba(255, 255, 255, 0.15);
        backdrop-filter: blur(8px);
        user-select: none;
        pointer-events: none;
    }

    &>*:last-child {
        width: 100%;
        height: 64px;
    }

    .ant-input-number,
    .ant-picker,
    .ant-color-picker-trigger,
    .ant-color-picker-clear::after {
        width: 100%;
    }

    .ant-input-affix-wrapper,
    .ant-input-outlined,
    .ant-select-single,
    .ant-input-number-input,
    .ant-picker,
    .ant-color-picker-trigger {
        height: 64px;
    }


    .ant-color-picker-color-block,
    .ant-color-picker-clear {
        width: 100%;
        height: 100%;
    }

    .ant-form-item-row {
        position: relative;
        z-index: 1;
    }

    input,
    textarea,
    .ant-input,
    .ant-select-selector,
    .ant-picker-suffix,
    .ant-input-suffix,
    .ant-select-arrow {
        font-size: 20px;
    }

    .ant-radio-group {
        display: flex;
        align-items: center;
        justify-content: center;

        &>label {
            flex: 1;
            height: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 20px;
            font-weight: 600;
        }
    }
}



@font-face {
    font-family: PingFang;
    src: url("https://image.ljkjkf.com/intellisiteSystem_TieKe/ttf/PingFang SC.ttf");
}

@font-face {
    font-family: ShuHeiTi;
    src: url("https://image.ljkjkf.com/intellisiteSystem_TieKe/ttf/Alimama_ShuHeiTi_Bold.ttf");
}

@font-face {
    font-family: BiaoTiHei;
    src: url("https://image.ljkjkf.com/intellisiteSystem_TieKe/ttf/YouSheBiaoTiHei.ttf");
}

@font-face {
    font-family: DIN;
    src: url("https://image.ljkjkf.com/intellisiteSystem_TieKe/ttf/DINCondensedBold.ttf");
}

@font-face {
    font-family: Pixel;
    src: url("https://image.ljkjkf.com/intellisiteSystem_TieKe/ttf/Pixel.ttf");
}

@font-face {
    font-family: HYT; //黄油体
    src: url("https://image.ljkjkf.com/intellisiteSystem_TieKe/ttf/HYT.ttf");
}

@font-face {
    font-family: R-Spectr; //黄油体
    src: url("https://image.ljkjkf.com/intellisiteSystem_TieKe/ttf/R-Spectr.ttf");
}